/* 1 columna para smartphones */
.brp  {
    max-width: 100%;
    }
    /* 2 columnas para tablets */
    @media (min-width: 420px) {
    .brp  {
    max-width: 48%;
    }
    }
    /* 4 columnas para grandes dispositivos*/
    @media (min-width: 760px) {
    .brp  {
    max-width: 24%;
    }
    }